<template>
<div class="boxs">
  <el-row class="section-content">
     <el-col :span="100" class="content-right">
        <ViewTitle text="患者信息" />
        <el-col :span="24" class="section-message">
          
          <el-col :span="19" class="message-text">
            
          <el-form :inline="false" :model="form" label-width="80px">
            <el-col :span="24">
              <el-col :span="8">
                <el-form-item label="病人姓名:">
                  <el-input v-model="form.name" disabled ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="性别:">
                  <el-select v-model="form.gender" disabled  placeholder="">
                    <el-option label="男" value="1"></el-option>
                    <el-option label="女" value="2"></el-option>
                    <el-option label="未知" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="年龄:">
                    <el-input v-model="form.age" disabled ></el-input>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item label="出生日期:">
                  <el-date-picker
                    v-model="form.birthday"
                    type="date"
                    disabled
                    placeholder="选择日期"
                    >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="身份证号:">
                    <el-input v-model="form.id_card"></el-input>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item label="联系方式:">
                 <el-input v-model="form.phone" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="婚姻状况:">
                  <el-select v-model="form.status" placeholder="">
                      <el-option label="未婚" value="1"></el-option>
                      <el-option label="已婚" value="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item label="来源方式:">
                  <el-select v-model="form.source" placeholder="">
                      <el-option label="自走" value="1"></el-option>
                      <el-option label="家人扶来" value="2"></el-option>
                      <el-option label="民警送来" value="3"></el-option>
                      <el-option label="外接" value="4"></el-option>
                      <el-option label="其他" value="5"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="病人性质:">
                  <el-select v-model="form.nature" placeholder="">
                      <el-option label="自费" value="1"></el-option>
                      <el-option label="医保" value="2"></el-option>
                      <el-option label="农保" value="3"></el-option>
                      <el-option label="残联" value="4"></el-option>
                      <el-option label="其他" value="5"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
               <el-form-item label="家庭地址:">
                   <el-input v-model="form.city" disabled></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="24">
               <el-col :span="7">
                <el-form-item label="担保人:">
                   <el-input v-model="form.bondsman"></el-input>
                </el-form-item>
               </el-col>
               <el-col :span="17">
               <el-form-item label="担保人联系方式:" label-width="130px">
                   <el-input v-model="form.bondsmanPhone"></el-input>
                </el-form-item>
               </el-col>
            </el-col>
          </el-form> 
          </el-col>
        </el-col>

        <ViewTitle text="挂号信息" />
        <el-col :span="24" style="paddingTop:10px;">
           <el-form :inline="false" :model="form" label-width="80px">
            <el-col :span="24">
              <el-col :span="8">
                <el-form-item label="挂号号:">
                  <el-input v-model="form.registration" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="门诊号:">
                    <el-input v-model="form.patientNumber" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="初/复诊:">
                  <el-select v-model="form.look_type" placeholder="">
                    <el-option label="初诊" value="1"></el-option>
                    <el-option label="复诊" value="2"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-col :span="8">
                <el-form-item label="挂号医生:">
                  <el-input v-model="form.real_name" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="医生科室:">
                    <el-input v-model="form.dept_name" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="病种:">
                    <el-input v-model="form.entity"></el-input>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
                <el-form-item label="备注:">
                 <el-input v-model="form.remark"></el-input>
                </el-form-item>
            </el-col>
          </el-form> 
        </el-col>
        <ViewTitle text="费用信息" />
        <el-col :span="15" style="paddingTop:10px;">
           <el-form :inline="false" :model="form" label-width="80px">
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item label="应收金额:">
                  <el-input v-model="form.old_amount" @input="disPrice"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="抹零(元):">
                    <el-input v-model="form.dis_price" @input="disPrice"></el-input>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item label="收费(元):">
                  <el-input v-model="form.amount" disabled></el-input> 
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="收银(元):">
                    <el-input v-model="form.s_money" @input="setMoney"></el-input>
                </el-form-item>
              </el-col>
            </el-col>
             <el-col :span="24">
                <el-form-item label="找零(元):">
                  <el-input v-model="form.g_money" disabled></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="24">
                <el-form-item label="摘要">
                 <el-input v-model="form.abstract"></el-input>
                </el-form-item>
            </el-col>
              <el-col :span="24">
                <el-form-item label="说明">
                 <el-input v-model="form.explain"></el-input>
                </el-form-item>
            </el-col>
          </el-form> 
        </el-col>
        <!-- <el-col :span="8" :offset="1" style="paddingTop:10px;">
           <FromList :tableTitle="costTitle" :tableData="costDate" />
        </el-col> -->
      </el-col>
       </el-row>
</div>

</template>
<script>
let that 

import ViewTitle from "@/forComponents/viewTitle/index.vue"

export default {
   data(){
     return {
 

         form:{
        id:"", //患者Id
        name:"", //病人姓名
        age:0, //age
        gender:"3", //sex
        birthday:"", //出生日期
        id_card:"522631199811080026", //身份证号
        phone:"", //联系方式
        source:"1", //来源方式
        nature:"1", //病人性质
        address:"", //家庭地址
        bondsman:"", //担保人
        bondsmanPhone:"", //担保人联系方式
        registration:"", //挂号号
        patientNumber:"", //门诊号
        look_type:"1",  //初/复诊
        real_name:"",  //挂号医生
        remark:"",  //备注
        entity:"",  //病种
        dept_name:"",  //科室
        status:"1", //婚姻状况
        old_amount:0,  //应收
        dis_price:0,  //抹零
        amount:0, //收费
        s_money:0, //收银
        g_money:0, //找零
        abstract:"", //摘要
        explain:"",//说明
        register_fee:"", //挂号费
        treat_fee:"", //诊疗费
        doctor_id:"",  //医生Id
      },
     }
   },
   methods:{
       getIdCard(){
      that.$set(that.form,"id_card",that.form.id_card)
      that.getProfileList()
    },
   },
    components:{
  
     ViewTitle,
    
   }
}
</script>
<style lang='scss' scoped>


</style>